<template>
<div class="avatar">
  <img :src="src" :alt="alt" />
</div>
</template>

<script setup>
import {defineProps} from 'vue';
const props=defineProps({
  src:{
    type: String,
    required: true
  },
  alt:{
    type: String,
    default: 'User Avatar'
  }
})
</script>

<style scoped>.avatar img{
  width: 50px;
  height:50px;
  border-redius:50%;
}
</style>